<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>箭头函数</title>
		<script>
			/* ES5定义方法的写法 */
			function fun01() {
				console.log("fun01")
			}
			var fun02 = function() {
				console.log("fun02")
			}
			fun01()
			fun02()
			/* ES6定义方法的写法  () => {}  */
			/* ()：形参列表 */
			/* =>：function关键字 */
			/* {}：表示方法体 */
			const fun03 = () => { console.log("fun03") }
			fun03()
			
			/* 定义2个数字相加求和的方法 */
			// 花括号中如果需要返回，return不能省略
			const fun04 = (a, b) => {return a + b} 
			console.log("求和的结果是：" + fun04(3, 5))
			/* 省略花括号：方法体中有且仅有一行代码时，自带return */
			const fun05 = (a, b) => a + b
			console.log("求和的结果是：" + fun05(5, 7))
			/* const fun06 = () => {
				return console.log("hello")
			}
			const fun06 = () => console.log("hello")
			fun06() */
			
			/* 获取这个数乘以10的结果 */
			const fun07 = (a) => 10 * a
			console.log("扩大十倍后：" + fun07(5))
			/* 省略小括号：形参有且仅有一个时 */
			const fun08 = a => 10 * a
			console.log("扩大十倍后：" + fun08(3))
			
			/* 匿名函数 */
			setTimeout(function() {console.log("a")}, 3000)
			setTimeout(() => console.log("b"), 3000)
		</script>
	</head>
	<body>
	</body>
</html>